<script setup lang="ts">
import layoutBg from "@/components/layoutBg/index.vue";
import huntingBg from "@/assets/images/page-bg.png";
</script>

<template>
	<div>
		<layoutBg :img-bg="huntingBg">
			<div class="hidden md:block">
				<div class="text-center text-[49px] font-semibold text-white">Concept. Design. Solutions.</div>
				<div class="my-5 p-5 text-content-bg text-white leading-7 text-[18px]">
					<span class="font-semibold">Headline:</span><br />
					Citech: Transforming Outdoor Innovation<br />
					<span class="font-semibold">Subheadline:</span><br />
					Driving advancements in materials, technology, design, and manufacturing for the outdoor gear industries.<br />
					<span class="font-semibold">Key FeaturesSection:</span><br />
					From Concept to Completion: Seamless Solutions<br />
					Innovative Materials, Smarter Processes, Reliable Quality<br />
					Trusted byGlobal Outdoor Brands<br />
					<span class="font-semibold">Call-to-Action (CTA):</span><br />
					Explore Our Expertise" "Partner With Us Today
				</div>
			</div>
			<div class="md:hidden">
				<div class="text-center text-[32px] font-semibold text-white mt-5">Concept. Design. Solutions.</div>
				<div class="my-5 p-5 text-content-bg text-white leading-7 text-[18px]">
					<span class="font-semibold">Headline:</span><br />
					Citech: Transforming Outdoor Innovation<br />
					<span class="font-semibold">Subheadline:</span><br />
					Driving advancements in materials, technology, design, and manufacturing for the outdoor gear industries.<br />
					<span class="font-semibold">Key FeaturesSection:</span><br />
					From Concept to Completion: Seamless Solutions<br />
					Innovative Materials, Smarter Processes, Reliable Quality<br />
					Trusted byGlobal Outdoor Brands<br />
					<span class="font-semibold">Call-to-Action (CTA):</span><br />
					Explore Our Expertise" "Partner With Us Today
				</div>
			</div>
		</layoutBg>
	</div>
</template>

<style lang="scss" scoped>
.text-content-bg {
	background-color: rgba(0, 0, 0, 0.65);
}
</style>
